﻿@model IEnumerable<Bmz.Studio.Phone.Application.InformationViewModel>

<style>
    .listview {
        display: block;
        margin: 0;
        padding: 0;
    }

        .listview > li {
            position: relative;
            list-style-type: none;
            border-width: 0 0 1px;
            border-style: solid;
            border-color: #ddd;
            color: #333;
            margin-bottom: 3px;
        }

            .listview > li a {
                text-decoration: none;
            }

    .title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #38c;
    }

    .content {
        text-indent: 35px;
        position: relative;
        height: 3.6em;
        overflow: hidden;
        color: black;
    }

        .content::after {
            content: "...";
            font-weight: bold;
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 0 20px 1px 45px;
            background: url('../../Content/images/ellipsis_bg.png') repeat-y;
            background-position-x: 39px;
        }
</style>
<ul class="listview" data-role="listview">
    @foreach (var item in Model)
    {
        <li data-icon="false">
            <a data-href="/Home/@ViewBag.Type/Detail/@item.Id">
                <h4 class="title">@item.Title</h4>
                <p class="content">@item.Description</p>
                <p class="Info_Datetime">@item.CreateDate.ToString("yyyy-MM-dd HH:mm")</p>
            </a>
        </li>
    }
</ul>
<script src="~/Scripts/site.js"></script>